body{
	padding-bottom: 1rem;
}
/***********************/
.headerLogo{
	width: 100%;
	height: 5.4rem;
	position: relative;
}
.headerLogo>img{
	width: 100%;
	height:100%;
}
.gobackLOGO{
	position: absolute;
	color: #FFFFFF;
	font-size: .36rem;
	top: .66rem;
	left: .3rem;
}
.moreLOGO{
	position: absolute;
	color: #FFFFFF;
	font-size: .36rem;
	top: .66rem;
	right: .3rem;
}
.productionDatas{
	height: 1.46rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:0 .25rem;
	border-bottom: 1px solid #f5f5f5;
}
/*作者信息*/
.authorDatas{
	display: flex;
	align-items: center;
}
.authorLOGO{
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	margin-right: .2rem;
}
.authorLOGO>img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.authorinfo{
	height: .8rem;
	display: flex;
	flex-direction:column;
	justify-content: space-around;
}
.authorName{
	color: #000000;
	font-size: .26rem;
}
.authorAdd{
	color: #999999;
	font-size: .22rem;
}
.FollowsAuthor{
	width: 1.28rem;
	height: .54rem;
	background-color: #ff7630;
	text-align: center;
	line-height: .54rem;
	color: #FFF;
	font-size: .24rem;
	border-radius: 6px;
}
/*作品信息*/
.productInfo{
	height: 1.8rem;
	padding:.4rem .24rem;
	border-bottom: 1px solid #f5f5f5;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.productTip{
	color: #141414;
	font-size: .44rem;
}
.productTimes{
	color: #B8B9BA;
	font-size: .22rem;
}
.productOtherDatas{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.productOtherDatasBox{
	display: flex;
}
.productOtherDatasList{
	display: flex;
	align-items: center;
	margin-left: .3rem;
}
.productOtherDatasLOGO{
	width: .3rem;
	height: .26rem;
	position: relative;
	margin-right: .1rem;
}
.productOtherDatasLOGO>i{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.productOtherDatasText{
	color: #A5A6A7;
	font-size: .26rem;
}
.productOtherDatasLOGO_watch{
	width: .3rem;
	height: .18rem;
	background-image: url('../img/p_icon_look@2x.png');
}
.productOtherDatasLOGO_collection{
	width: .24rem;
	height: .22rem;
	background-image: url('../img/p_icon_souc@2x.png');
	background-position: top center;
	background-size:cover;
}
.productOtherDatasLOGO_comment{
	width: .24rem;
	height: .26rem;
	background-image: url('../img/p_icon_comment@2x.png');
}
.productMain{
	padding: .24rem;
	color: #666;
	font-size: .28rem;
	letter-spacing: .3px;
	line-height: .55rem;
}
.productMain img{
	width: 100%;
}

/*穿插的小条条*/
.lll{
	width: 100%;
	height: .1rem;
	background-color: #f5f5f5;
}
.productDetail{
	padding: .4rem .24rem;
	border-bottom: 1px solid #f5f5f5;
}
.productDetail_tip{
	color: #141414;
	font-size: .3rem;
}
.productDetail_tip{
	color: #141414;
	font-size: .3rem;
}
.productDetailList{
	display: flex;
	align-items: center;
	margin-top: .4rem;
}
.productDetail_title{
	color: #141414;
	font-size: .26rem;
}
.productDetail_titleName{
	display: inline-block;
	margin-right: .37rem;
}
.productDetail_main{
	color: #666666;
	font-size: .26rem;
}
.productDetail_tipName{
	display: inline-block;
	padding: .05rem .1rem;
	background-color: #F2F6F6;
	color: #999;
	font-size: .26rem;
	border-radius: 8px;
}
/*相关作品*/
.relevantProduct{
	padding:.4rem 0 .4rem .24rem;
}
.relevantProductListBox{
	margin-top: .4rem;
	/*display: flex;
	flex-wrap: nowrap;
	overflow: hidden;*/
	display: -webkit-box;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
::-webkit-scrollbar{
  display:none;
}
.relevantProductListBox>li:not(:last-child){
	margin-right: .2rem;
}
.relevantProductList{
	width: 2.84rem;
	height: 2.14rem;
}
.relevantProductList>img{
	width: 100%;
	height: 100%;
}
/*评论*/
.comment{
	padding: 0 .24rem;
}
.comment_title{
	line-height: .85rem;
}
.commentList{
	border-top: 1px solid #f5f5f5;
	display: flex;
	padding: .4rem 0;
}
.commentDetail{
	margin-left: .3rem;
	flex: 1;
}
.commentUserName{
	color: #141414;
	font-size: .26rem;
}
.commentUserLOGO{
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
}
.commentUserLOGO>img{
	width: 100%;
	height:100%;
}
.DZ_LOGO{
	width: .26rem;
	height: .22rem;
	background-image: url('../img/p_icon_zan_d@2x.png');
}
.commentNum{
	color: #999999;
	font-size: .24rem;
}
p.commentNum>i:first-child.active{
	background-image: url('../img/p_icon_zan_s@2x.png');
}
.DZ_num{
	color: #999999;
	font-size: .24rem;
	display: inline-block;
	margin-left: .05rem;
	margin-right: .24rem;
}
.PL_LOGO{
	width: .26rem;
	height: .22rem;
	background-image: url('../img/p_icon_comment_d@2x.png');
}
.commentUserInfo{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.comment_issueTime{
	color: #999;
	font-size: .22rem;
	margin-top: .13rem;
	margin-bottom: .27rem;
}
.comment_main{
	color: #141414;
	font-size: .26rem;
	line-height: .55rem;
}
.comment_main_jiantou{
	width: .3rem;
	height: .3rem;
	display: block;
	position: absolute;
	background-color: #f5f5f5;
	transform: rotate(45deg);
	top: -.1rem;
	left: .24rem;
}
.comment_main_boxBorder{
	position: relative;
}
.comment_main_box{
	position: relative;
	background-color:#f5f5f5 ;
	padding:.3rem .2rem;
	margin-top: .3rem;
}
.comment_toAnswer{
	color: #21709C;
	font-size: .26rem;
}

/*固定的底部*/
.footer{
	position: fixed;
	bottom: 0;
	height: 1rem;
	border-top: 1px solid #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:0 .24rem;
	background-color:#fff;
	width: 100%;
}
.reward{
	width: 1.6rem;
	height: .5rem;
	border-radius: .25rem;
	background-color: #FF7630;
	display: flex;
	align-items: center;
	justify-content: center;
}
.reward_text{
	color: #fff;
	font-size: .28rem;
}
.reward_logo{
	width: .4rem;
	height: .4rem;
	background-image:url('../img/p_icon_money@2x.png');
	margin-right: .1rem;
}
.footerListBox{
	display: flex;
	align-items: center;
}
.footerList{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-left: .86rem;
}
.footerList_text{
	color: #999;
	font-size: .18rem;
	margin-top: .1rem;
}
.footer_logo_SC{
	width: .38rem;
	height: .38rem;
	background-image: url('../img/p_icon_shouc1@2x.png');
}
.footer_logo_PL{
	width: .42rem;
	height: .38rem;
	background-image: url('../img/p_icon_comment1@2x.png');
}
.footer_logo_DZ{
	width: .42rem;
	height: .42rem;
	background-image: url('../img/p_icon_zan1@2x.png');
}
.footer_logo_BX{
	width: .44rem;
	height: .34rem;
	background-image: url('../img/p_icon_zhuanf1@2x.png');
}
.footerListBox>li:first-child i.active{
	background-image: url('../img/p_icon_shouc_s@2x.png');
}
.footerListBox>li:nth-child(3) i.active{
	background-image: url('../img/p_icon_big_zan_s@2x.png');
}
/*三个小点点点开之后出现的东西*/
div[lll=forward].active{
	display: block;
}
.forward{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5;
	display: none;
}
.forwardListbox{
	width: 100%;
	height: 4.5rem;
	background-color: #fff;
	position: absolute;
	bottom:1rem;
	left:0;
	
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	/*justify-content: center;*/
	padding-bottom: .47rem;
}
.forwardList{
	display: flex;
	flex-direction: column;
	align-items: center;
	/*justify-content: center;*/
	margin-left: 1.1rem;
	margin-top: .66rem;
}
.forward_cancel{
	position: absolute;
	bottom:0;
	left:0;
	height: 1rem;
	width: 100%;
	border-top: 1px solid #f5f5f5;
	background: #fff;
	color: #666;
	font-size: .36rem;
	text-align: center;
	line-height: 1rem;
	letter-spacing: 1px;
}
.forward_text{
	color: #333333;
	font-size: .24rem;
	margin-top: .1rem;
}
.forward_logo{
	width: 1.06rem;
	height: 1.06rem;
	
}
.forward_QQ{
	background-image: url('../img/p_icon_big_qq@2x.png');
}
.forward_WB{
	background-image: url('../img/p_icon_big_sina@2x.png');
}
.forward_WX{
	background-image: url('../img/p_icon_big_wachat@2x.png');
}
.forward_PYQ{
	background-image: url('../img/p_icon_friend@2x.png');
}
.forward_DEL{
	background-image: url('../img/p_icon_shanchu@2x.png');
}

/*评论框*/
div[lll=commentPage].active{
	display: block;
}
.commentPage{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	
	display: none;
}
.commentBorder{
	width:100%;
	/*height: 3.3rem;*/
	background-color: #fff;
	position: absolute;
	bottom:0;
	padding-bottom: .24rem;
}
.returnComment{
	color: #999999;
	font-size: .22rem;
}
.returntoWho{
	display: flex;
	padding: .24rem;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: .8rem;
	line-height: .8rem;
	background-color: #fff;
}
.cancel_comment{
	font-size: .22rem;
	color: #999999;
}
.commentBox{
	height: 2.5rem;
	background-color: #f5f5f5;
	border: none;
	width: 95%;
    margin: 0 auto;
    display: block;
    font-size: .26rem;
}
.issueComment{
	text-align: right;
	padding-right: .24rem;
	margin-top: -.1rem;
}
.issueCommentBtn{
	width: 1.44rem;
	height: .56rem;
	background-color: #ff7630;
	border-radius: 6px;
	text-align: center;
	line-height: .56rem;
	color: #fff;
	font-size: .26rem;
	display: inline-block;
}
